<!DOCTYPE html>
<html lang="en" >
<head>
  <meta charset="UTF-8">
  <title></title>
</head>
<style>
    @import url('./index.css');
</style>
<body>
<div class="main">
  <div class="slides">
    <img
      src="https://i.loli.net/2020/01/20/2wx8npJFiDUzu4T.png"
      alt="Stainless Steel"
    />
    <img
      src="https://i.loli.net/2020/01/20/YWA6RhCcESgN3Ty.png"
      alt="Army Green"
    />
    <img
      src="https://i.loli.net/2020/01/19/4HaLyI7NQRf3teO.png"
      alt="Cranberry"
    />
    <img
      src="https://i.loli.net/2020/01/19/QVY6JSEbqiOvAp1.png"
      alt="Midnight Blue"
    />
  </div>
  <div class="coverage">
    <div class="bar" style="--bar-color: #a3d6f8;"></div>
    <div class="bar" style="--bar-color: #6af8d9;"></div>
    <div class="bar" style="--bar-color: #dd6b7b;"></div>
    <div class="bar" style="--bar-color: #f384bd;"></div>
  </div>
  <ul class="nav-links">
    <li><a href="#" class="link">款式一</a></li>
    <li><a href="#" class="link">款式二</a></a></li>
    <li><a href="#" class="link">款式三</a></li>  
    <li><a href="#" class="link">款式四</a></li>
  </ul>
</div>
  <script  src="./index.js"></script>

</body>
</html>
